<!DOCTYPE html>
<!--[if IE 7]><html class="no-js ie7 oldie" lang="en-US"> <![endif]-->
<!--[if IE 8]><html class="no-js ie8 oldie" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
    <head>
        <meta charset="utf-8">
        <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="agency, ecommerce">
        <meta name="author" content="Md. Siful Islam, Jtheme">

        <title>Products With All Sidebar</title>

        <!-- Favicon -->
        
        

        <!-- Icons Font CSS -->
        <link href="static/css/font-awesome.min.css" rel="stylesheet" type="text/css"> 
        <link href="static/css/elegant.css" rel="stylesheet" type="text/css">   
        <link href="static/css/simple-line-icons.css" rel="stylesheet" type="text/css">   
        <link href="static/css/ionicons.min.css" rel="stylesheet" type="text/css">

        <!-- CSS Global -->
        <link href="static/css/bootstrap.min.css" rel="stylesheet" type="text/css">        
        <link href="static/css/bootstrap-select.min.css" rel="stylesheet" type="text/css">         
        <link href="static/css/owl.carousel.css" rel="stylesheet" type="text/css"> 
        <link href="static/css/jquery-ui.min.css" rel="stylesheet" type="text/css"> 
        <link href="static/css/jquery.mCustomScrollbar.min.css" rel="stylesheet" type="text/css">
        <link href="static/css/prettyPhoto.css" rel="stylesheet" type="text/css"> 

        <!-- Custom CSS -->
        <link href="static/css/style.css" rel="stylesheet" type="text/css"> 


        <!--[if lt IE 9]>
        <script src="assets/plugins/iesupport/html5shiv.js"></script>
        <script src="assets/plugins/iesupport/respond.js"></script>
        <![endif]-->

    </head>
    <body id="home" class="wide">

        <!-- WRAPPER -->
        <main> 
            <!-- Header -->
            <header class="main-header">               
                <section class="header-wrap"> 
                    <div class="top-bar">
                        <div class="col-md-2 col-sm-12"> 
                            <div class="logo  navbar-brand">
                                <h2 class="logo-title"> <a href="javascript:;"> <span class="theme-color">Listing</span>Pro </a> </h2>                                
                                <span class="nav-trigger toggle-hover visible-xs">
                                    <a class="toggle-icon icon-cube" href="#"> </a>
                                </span>
                            </div>
                        </div>
                        <div class="col-md-10 col-sm-12 navigation">
                            <nav>                                                               
                                <div class="navbar-collapse no-padding" id="primary-navigation">                                        
                                    <ul class="nav navbar-nav primary-navbar">
                                        <li><a href="#">home</a></li> 
                                        <li> <a href="#">about</a> </li>  
                                        <li><a href="#">Contact</a></li>
                                        <li class="dropdown mega-dropdown active">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true">Pages</a>
                                            <div class="dropdown-menu mega-dropdown-menu">
                                                <div class="col-sm-3 col-md-3 menu-block">
                                                    <div class="sub-list">                       
                                                        <ul>                                                           
                                                            <li> <a href="product-view-grid.html">Product Grid View</a> </li>
                                                            <li> <a href="product-view-list.html">Product List View</a> </li>
                                                            <li> <a href="product-view-list-2.html">Product List View-2</a> </li>
                                                            <li> <a href="product-fullwidth.html">Product Fullwidth</a> </li>
                                                            <li> <a href="product-fullwidth-2.html">Product Fullwidth-2</a> </li>
                                                            <li> <a href="product-banner.html">Product Banner</a> </li>
                                                            <li> <a href="product-banner-fullwidth.html">Product Banner Fullwidth</a> </li>
                                                            <li> <a href="product-catalogue.html">Product Catalogue</a> </li>
                                                            <li> <a href="product-categories.html">Product Categories</a> </li>
                                                        </ul>
                                                    </div>
                                                </div> 
                                                <div class="col-sm-3 col-md-3 menu-block">
                                                    <div class="sub-list">                       
                                                        <ul>                                                           
                                                            <li> <a href="product-col-2.html">Product Column-2</a> </li>
                                                            <li> <a href="product-col-3.html">Product Column-3</a> </li>
                                                            <li> <a href="product-col-4.html">Product Column-4</a> </li>
                                                            <li> <a href="product-col-5.html">Product Column-5</a> </li>
                                                            <li> <a href="product-mas-col-2.html">Product Masonery Column-2</a> </li>
                                                            <li> <a href="product-mas-col-3.html">Product Masonery Column-3</a> </li>
                                                            <li> <a href="product-mas-col-4.html">Product Masonery Column-4</a> </li>
                                                            <li> <a href="product-mas-col-5.html">Product Masonery Column-5</a> </li>
                                                            <li> <a href="product-mas-all.html">Product Masonery All</a> </li>
                                                        </ul>
                                                    </div>
                                                </div> 
                                                <div class="col-sm-3 col-md-3 menu-block">
                                                    <div class="sub-list">                       
                                                        <ul>                                                           
                                                            <li> <a href="product-slider.html">Product Slider</a> </li>
                                                            <li> <a href="product-slider-image.html">Product Image Slider</a> </li>                                                            
                                                            <li> <a href="product-tabs.html">Product Tabs</a> </li>
                                                            <li> <a href="product-tabs-slider.html">Product Tabs Slider</a> </li>
                                                            <li> <a href="product-timeline.html">Product Timeline</a> </li>
                                                            <li> <a href="product-timeline-tabs.html">Product Timeline Tabs</a> </li>
                                                            <li> <a href="product-timeline-slider.html">Product Timeline Slider</a> </li>
                                                            <li> <a href="product-tooltip.html">Product Tooltip</a> </li>
                                                            <li> <a href="product-table.html">Product Table</a> </li>
                                                        </ul>
                                                    </div>
                                                </div> 
                                                <div class="col-sm-3 col-md-3 menu-block">
                                                    <div class="sub-list">                       
                                                        <ul>                                                           
                                                            <li> <a href="product-hover.html">Product Hover Styles</a> </li>
                                                            <li> <a href="product-paginations.html">Product Pagination Styles</a> </li>
                                                            <li> <a href="product-tags.html">Product Tags Styles</a> </li>
                                                            <li> <a href="product-boxed.html">Product Boxed</a> </li>
                                                            <li> <a href="index.html">Product Sidebar-1</a> </li>
                                                            <li> <a href="product-sidebar-2.html">Product Sidebar-2</a> </li>
                                                            <li> <a href="product-sidebar-3.html">Product Sidebar-3</a> </li>
                                                            <li> <a href="product-sidebar-right.html">Product Sidebar Right</a> </li>
                                                            <li> <a href="">Product Sidebar All</a> </li>
                                                        </ul>
                                                    </div>
                                                </div> 
                                            </div>
                                        </li> 
                                    </ul>
                                </div>  
                            </nav>
                        </div>
                    </div>
                </section>            
            </header>
            <!-- /Header -->

            <!-- CONTENT AREA -->

            <!--Breadcrumb Section Start-->
            <section class="breadcrumb-bg light-bg">                
                <div class="theme-container container">
                    <div class="site-breadcumb col-md-5">                        
                        <h1 class="title no-margin">Products With All Sidebar</h1> 
                        <ol class="breadcrumb breadcrumb-menubar">
                            <li> <a href="#"> Home </a> Products With All Sidebar </li>                             
                        </ol>
                    </div>  
                </div>
            </section>
            <!--Breadcrumb Section End-->

            <section class="wrapper">

                <div class="theme-container container">
                    <div class="row">

                        <!-- Product Sidebar-1 Starts -->                     
                        <aside class="sidebar-1 with-border col-sm-4 col-md-3">
                            <h2 class="title text-center">Sidebar-1</h2>
                            <hr>
                            
                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> CATEGORIES </h2>
                                <div class="widget-content">
                                    <ul>
                                        <li> <i class="icon_stop"></i> <a href="#"> Clothing <span>(12)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Shoes   <span>(22)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Sunglasses <span>(15)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Bags and Backpacks <span>(09)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Accessories  <span>(07)</span></a> </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> FILTER SELECTION </h2>
                                <div class="widget-content">
                                    <h2 class="title">Price</h2>
                                    <div class="slider-range-1">
                                        <div id="slider-range" class="slider-range"></div>
                                        <label for="amount" class="amount">Range: </label> <input type="text" id="amount" readonly="">   
                                    </div>
                                </div>
                            </div>

                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> color </h2>
                                <div class="widget-content">
                                    <ul>
                                        <li> <i class="icon_stop"></i> <a href="#"> Black <span>(07)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Blue   <span>(05)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Grey <span>(11)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Red <span>(09)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> White  <span>(03)</span></a> </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> recent products </h2>
                                <div class="widget-content">
                                    <div class="recent-wrap">
                                        <div class="col-md-4 col-sm-5 recent-slide-img">
                                            <div class="light-bg">                                                                                                                 
                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-21.jpg" alt=""> </a>                                                                                                              
                                            </div>
                                        </div>
                                        <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                            <div class="caption-title"><a href="#">white beard t-shirt</a></div>
                                            <div class="caption-text"> <span> $45.05 </span> </div>                                                   
                                        </div>
                                    </div>
                                    <div class="recent-wrap">
                                        <div class="col-md-4 col-sm-5 recent-slide-img">
                                            <div class="light-bg">                                                                                                                 
                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-5.jpg" alt=""> </a>                                                                                                              
                                            </div>
                                        </div>
                                        <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                            <div class="caption-title"><a href="#">aldo leather shoes</a></div>
                                            <div class="caption-text"> <span> $67.05 </span> <del class="gray-color size-10"> $102.50 </del> </div>                                                   
                                        </div>
                                    </div>
                                    <div class="recent-wrap">
                                        <div class="col-md-4 col-sm-5 recent-slide-img">
                                            <div class="light-bg">                                                                                                                 
                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-6.jpg" alt=""> </a>                                                                                                              
                                            </div>
                                        </div>
                                        <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                            <div class="caption-title"><a href="#">gucci sunglasses</a></div>
                                            <div class="caption-text"> <span> $105.20 </span> </div>                                                   
                                        </div>
                                    </div>                                                                    
                                </div>
                            </div>
                        </aside>                    
                        <!-- Product Sidebar-1 Ends -->

                        <!-- Product Sidebar-2 Starts -->                     
                        <aside class="sidebar-2 col-sm-4 col-md-3">
                            <h2 class="title text-center">Sidebar-2</h2>
                            <hr>
                            
                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> CATEGORIES </h2>
                                <div class="widget-content scroll">
                                    <ul>                                        
                                        <li> <label class="checkbox-inline"><input type="checkbox" checked="" value=""> <span>Clothing</span> <span>(12)</span></label> </li>
                                        <li> <label class="checkbox-inline"><input type="checkbox" value=""> <span>Shoes</span> <span>(22)</span></label> </li>
                                        <li> <label class="checkbox-inline"><input type="checkbox" value=""> <span>Sunglasses</span> <span>(15)</span></label> </li>
                                        <li> <label class="checkbox-inline"><input type="checkbox" value=""> <span>Bags and Backpacks</span> <span>(09)</span></label> </li>
                                        <li> <label class="checkbox-inline"><input type="checkbox" checked="" value=""> <span>Accessories</span> <span>(07)</span></label> </li>
                                        <li> <label class="checkbox-inline"><input type="checkbox" value=""> <span> Bags and Backpacks </span> <span>(09)</span></label> </li>
                                        <li> <label class="checkbox-inline"><input type="checkbox" value=""> <span> Accessories </span> <span>(12)</span></label> </li>                                        
                                    </ul>
                                </div>
                            </div>
                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> Colors </h2>
                                <div class="widget-content scroll widget-colors">
                                    <ul>
                                        <li><label class="checkbox-inline"><input type="checkbox" id="brown" value="" checked=""> <span>Brown</span></label> </li>
                                        <li><label class="checkbox-inline"><input type="checkbox" id="light" value=""> <span>Light</span></label> </li>
                                        <li><label class="checkbox-inline"><input type="checkbox" id="dark" value=""> <span>Dark</span></label> </li>
                                        <li><label class="checkbox-inline"><input type="checkbox" id="orange" value="" checked=""> <span>Orange</span></label> </li>
                                        <li><label class="checkbox-inline"><input type="checkbox" id="blue" value="" checked=""> <span>Blue</span></label> </li>
                                        <li><label class="checkbox-inline"><input type="checkbox" id="yellow" value=""> <span>Yellow</span></label> </li>
                                        <li><label class="checkbox-inline"><input type="checkbox" id="green" value=""> <span>Green</span></label> </li>
                                        <li><label class="checkbox-inline"><input type="checkbox" id="white" value=""> <span>White</span></label> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> FILTER SELECTION </h2>
                                <div class="widget-content">
                                    <h2 class="title">Price</h2>
                                    <div class="slider-range-2">
                                        <div id="slider-range" class="slider-range"></div>
                                        <label for="amount" class="amount">Range: </label> <input type="text" id="amount" readonly=""> 
                                    </div>
                                </div>
                            </div>
                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> recent products </h2>
                                <div class="widget-content">
                                    <div class="recent-prod-slider">
                                        <div class="item">
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/small-thumb-1.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">white beard t-shirt</a></div>
                                                    <div class="caption-text"> <span> $45.05 </span> </div>                                                   
                                                </div>
                                            </div>
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/small-thumb-2.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">aldo leather shoes</a></div>
                                                    <div class="caption-text"> <span> $67.05 </span> <del class="gray-color size-10"> $102.50 </del> </div>                                                   
                                                </div>
                                            </div>
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/small-thumb-3.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">gucci sunglasses</a></div>
                                                    <div class="caption-text"> <span> $105.20 </span> </div>                                                   
                                                </div>
                                            </div>  
                                        </div>
                                        <div class="item">
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/small-thumb-3.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">white beard t-shirt</a></div>
                                                    <div class="caption-text"> <span> $45.05 </span> </div>                                                   
                                                </div>
                                            </div>
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/small-thumb-1.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">aldo leather shoes</a></div>
                                                    <div class="caption-text"> <span> $67.05 </span> <del class="gray-color size-10"> $102.50 </del> </div>                                                   
                                                </div>
                                            </div>
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/small-thumb-2.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">gucci sunglasses</a></div>
                                                    <div class="caption-text"> <span> $105.20 </span> </div>                                                   
                                                </div>
                                            </div>  
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> popular tags </h2>
                                <div class="widget-content tag-cloud">
                                    <a href="#"> Envato</a>
                                    <a href="#"> WordPress</a>
                                    <a href="#"> Mutilpurpose</a>
                                    <a href="#"> Site</a>
                                    <a href="#"> Portfolio</a>
                                    <a href="#"> Creative</a> <a href="#"> PSD Template</a> <a href="#"> PSD Template</a>
                                    <a href="#"> Best</a> <a href="#"> fashion</a> <a href="#"> Shop Online</a>
                                </div>
                            </div>
                        </aside>                    
                        <!-- Product Sidebar-2 Ends -->

                        <!-- Product Sidebar-3 Starts -->                     
                        <aside class="sidebar-3 col-sm-4 col-md-3">
                            <h2 class="title text-center">Sidebar-3</h2>
                            <hr>


                            <div class="widget-wrap"> 
                                <div class="widget-search">
                                    <input type="text" placeholder="Search" class="form-control">
                                    <button><i class="fa fa-search"></i></button>
                                </div>
                            </div>

                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> CATEGORIES </h2>
                                <div class="widget-content">
                                    <div class="panel-group panel-style-1" id="accordion">
                                        <div class="panel">
                                            <div class="panel-heading">
                                                <h4 class="panel-title">
                                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#cat-1">
                                                        Clothing <i class="indicator icon_plus-box  pull-right"></i>
                                                    </a>
                                                </h4>
                                            </div>
                                            <div id="cat-1" class="panel-collapse collapse">
                                                <ul>
                                                    <li> <a href="#"> Ethnic Wear <span>12</span> </a> </li>
                                                    <li> <a href="#"> Jackets &amp; Coats <span>12</span> </a> </li>
                                                    <li> <a href="#"> Denim <span>12</span> </a> </li>
                                                    <li> <a href="#"> Pants <span>12</span> </a> </li>
                                                    <li> <a href="#"> Shorts <span>12</span> </a> </li>                                             
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="panel">
                                            <div class="panel-heading">
                                                <h4 class="panel-title">
                                                    <a class="accordion-toggle title-1" data-toggle="collapse" data-parent="#accordion" href="#cat-2">
                                                        Footwears <i class="indicator icon_plus-box  pull-right"></i>
                                                    </a>
                                                </h4>
                                            </div>
                                            <div id="cat-2" class="panel-collapse collapse">
                                                <ul>
                                                    <li> <a href="#"> Flats <span>12</span> </a> </li>
                                                    <li> <a href="#"> Heels <span>12</span> </a> </li>
                                                    <li> <a href="#"> Wedges <span>12</span> </a> </li>
                                                    <li> <a href="#"> Bellies <span>12</span> </a> </li>
                                                    <li> <a href="#"> Boots <span>12</span> </a> </li>                                             
                                                    <li> <a href="#"> Pumps <span>12</span> </a> </li>
                                                    <li> <a href="#"> Sports <span>12</span> </a> </li>
                                                    <li> <a href="#"> Casual Shoes <span>12</span> </a> </li>                                             
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="panel">
                                            <div class="panel-heading">
                                                <h4 class="panel-title">
                                                    <a class="accordion-toggle title-1" data-toggle="collapse" data-parent="#accordion" href="#cat-3">
                                                        Bags, Blets & wallets <i class="indicator icon_plus-box  pull-right"></i>
                                                    </a>
                                                </h4>
                                            </div>
                                            <div id="cat-3" class="panel-collapse collapse">
                                                <ul>
                                                    <li> <a href="#"> Handbags <span>12</span> </a> </li>
                                                    <li> <a href="#"> Sling Bags <span>12</span> </a> </li>
                                                    <li> <a href="#"> Wallets & Belts <span>12</span> </a> </li>
                                                    <li> <a href="#"> Totes <span>12</span> </a> </li>
                                                    <li> <a href="#"> Clutches <span>12</span> </a> </li>      
                                                    <li> <a href="#"> Premium Brands <span>12</span> </a> </li>      
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="panel">
                                            <div class="panel-heading">
                                                <h4 class="panel-title">
                                                    <a class="accordion-toggle title-1" data-toggle="collapse" data-parent="#accordion" href="#cat-4">
                                                        Jewellery <i class="indicator icon_plus-box  pull-right"></i>
                                                    </a>
                                                </h4>
                                            </div>
                                            <div id="cat-4" class="panel-collapse collapse">
                                                <ul>
                                                    <li> <a href="#"> Rings <span>12</span> </a> </li>
                                                    <li> <a href="#"> Earrings <span>12</span> </a> </li>
                                                    <li> <a href="#"> Precious Jwellery <span>12</span> </a> </li>
                                                    <li> <a href="#"> Jewellery Sets <span>12</span> </a> </li>
                                                    <li> <a href="#"> Pendants & Lockets <span>12</span> </a> </li>      
                                                    <li> <a href="#"> Bracelet <span>12</span> </a> </li>      
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="panel">
                                            <div class="panel-heading">
                                                <h4 class="panel-title">
                                                    <a class="accordion-toggle title-1" data-toggle="collapse" data-parent="#accordion" href="#cat-5">
                                                        Beauty & Wellness <i class="indicator icon_plus-box  pull-right"></i>
                                                    </a>
                                                </h4>
                                            </div>
                                            <div id="cat-5" class="panel-collapse collapse">
                                                <ul>
                                                    <li> <a href="#"> Make Up <span>12</span> </a> </li>
                                                    <li> <a href="#"> Skin Care <span>12</span> </a> </li>
                                                    <li> <a href="#"> Hair Care <span>12</span> </a> </li>
                                                    <li> <a href="#"> Deodorants <span>12</span> </a> </li>
                                                    <li> <a href="#"> Bath & Body <span>12</span> </a> </li>      
                                                    <li> <a href="#"> Premium Brands <span>12</span> </a> </li>      
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> Colors </h2>
                                <div class="widget-content widget-colors">
                                    <a href="#" class="white"> <span></span> </a> 
                                    <a href="#" class="black"> <span></span> </a>  
                                    <a href="#" class="orange"> <span></span> </a>        
                                    <a href="#" class="violet"> <span></span> </a>        
                                    <a href="#" class="blue"> <span></span> </a>        
                                    <a href="#" class="green"> <span></span> </a>        
                                    <a href="#" class="pink"> <span></span> </a> 
                                    <a href="#" class="gray"> <span></span> </a> 
                                </div>
                            </div>

                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> FILTER SELECTION </h2>
                                <div class="widget-content slider-range-3">
                                    <h2 class="title">Price</h2>
                                    <div id="slider-range" class="slider-range"></div>
                                    <button class="btn btn-black">Filter</button> <input type="text" id="amount" readonly=""> 
                                </div>
                            </div>

                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> recent products </h2>
                                <div class="widget-content">
                                    <div class="recent-prod-slider">
                                        <div class="item">
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="thumbnail-img light-bg">
                                                        <div class="flipper">
                                                            <div class="front">
                                                                <a href="#"> <img alt="" src="static/picture/prod-5.jpg" class="img-responsive"> </a>
                                                            </div>
                                                            <div class="back">                                                               
                                                                <a href="#"> <img alt="" src="static/picture/prod-6.jpg" class="img-responsive"> </a>
                                                            </div>  
                                                            <div class="new-tag right"> <span> new </span> </div>
                                                        </div>
                                                        <ul class="thumbnail-content hover-style1 list-items">
                                                            <li> <a href="#"> <i class="icon ion-android-cart"></i> </a> </li>
                                                            <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                            <li> <a data-toggle="modal" href="#product-preview"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                        </ul>                                                    
                                                    </div>
                                                    <div class="caption">
                                                        <div class="caption-title"><a class="title" href="#"> aldo black leather shoes </a></div>
                                                        <div class="rating">                                                              
                                                            <span class="star active"></span>
                                                            <span class="star active"></span>
                                                            <span class="star active"></span>                                           
                                                            <span class="star active"></span>
                                                            <span class="star half"></span>                                                               
                                                        </div>
                                                        <div class="caption-text"> <span>$78.90 </span> </div>                                                   
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="item">
                                            <div class="thumbnail-wrap">
                                                <div class="thumbnail">
                                                    <div class="thumbnail-img light-bg">
                                                        <div class="flipper">
                                                            <div class="front">
                                                                <a href="#">
                                                                    <img alt="" src="static/picture/prod-13.jpg" class="img-responsive">                                                      
                                                                </a>
                                                            </div>
                                                            <div class="back">                                                               
                                                                <a href="#">
                                                                    <img alt="" src="static/picture/prod-5.jpg" class="img-responsive">                                                      
                                                                </a>
                                                            </div>
                                                        </div>
                                                        <ul class="thumbnail-content hover-style1 list-items">
                                                            <li> <a href="#"> <i class="icon ion-android-cart"></i> </a> </li>
                                                            <li> <a href="#"> <i class="icon ion-ios-heart-outline"></i> </a> </li>
                                                            <li> <a data-toggle="modal" href="#product-preview"> <i class="icon ion-ios-eye-outline"></i> </a> </li>
                                                        </ul>                                                    
                                                    </div>
                                                    <div class="caption">
                                                        <div class="caption-title"><a class="title" href="#"> clark leather shoes </a></div>
                                                        <div class="rating">                                                              
                                                            <span class="star active"></span>
                                                            <span class="star active"></span>
                                                            <span class="star active"></span>                                           
                                                            <span class="star active"></span>
                                                            <span class="star half"></span>                                                               
                                                        </div>
                                                        <div class="caption-text"> <span> $75.70 </span> </div>                                                   
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="widget-wrap"> 
                                <div class="widget-content">
                                    <ul id="tabs" class="sidebar-tabs">
                                        <li><a href="#tab-s1" data-toggle="tab">Top</a></li>
                                        <li class="active"><a href="#tab-s2" data-toggle="tab">Sale Off</a></li>
                                        <li><a href="#tab-s3" data-toggle="tab">Deals</a></li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade" id="tab-s1">
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-21.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">white beard t-shirt</a></div>
                                                    <div class="rating">                                                              
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>                                           
                                                        <span class="star active"></span>
                                                        <span class="star half"></span>                                                               
                                                    </div>
                                                    <div class="caption-text"> <span> $45.05 </span> </div>                                                   
                                                </div>
                                            </div>
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-5.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">aldo leather shoes</a></div>
                                                    <div class="rating">                                                              
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>                                           
                                                        <span class="star active"></span>
                                                        <span class="star half"></span>                                                               
                                                    </div>
                                                    <div class="caption-text"> <span> $67.05 </span> <del class="gray-color size-10"> $102.50 </del> </div>                                                   
                                                </div>
                                            </div>
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-6.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">gucci sunglasses</a></div>
                                                    <div class="rating">                                                              
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>                                           
                                                        <span class="star active"></span>
                                                        <span class="star half"></span>                                                               
                                                    </div>
                                                    <div class="caption-text"> <span> $105.20 </span> </div>                                                   
                                                </div>
                                            </div>       
                                        </div>
                                        <div class="tab-pane fade active in" id="tab-s2">
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-5.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">white beard t-shirt</a></div>
                                                    <div class="rating">                                                              
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>                                           
                                                        <span class="star active"></span>
                                                        <span class="star half"></span>                                                               
                                                    </div>
                                                    <div class="caption-text"> <span> $45.05 </span> </div>                                                   
                                                </div>
                                            </div>
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-6.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">aldo leather shoes</a></div>
                                                    <div class="rating">                                                              
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>                                           
                                                        <span class="star active"></span>
                                                        <span class="star half"></span>                                                               
                                                    </div>
                                                    <div class="caption-text"> <span> $67.05 </span> <del class="gray-color size-10"> $102.50 </del> </div>                                                   
                                                </div>
                                            </div>
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-21.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">gucci sunglasses</a></div>
                                                    <div class="rating">                                                              
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>                                           
                                                        <span class="star active"></span>
                                                        <span class="star half"></span>                                                               
                                                    </div>
                                                    <div class="caption-text"> <span> $105.20 </span> </div>                                                   
                                                </div>
                                            </div>       
                                        </div>
                                        <div class="tab-pane fade" id="tab-s3">
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-6.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">white beard t-shirt</a></div>
                                                    <div class="rating">                                                              
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>                                           
                                                        <span class="star active"></span>
                                                        <span class="star half"></span>                                                               
                                                    </div>
                                                    <div class="caption-text"> <span> $45.05 </span> </div>                                                   
                                                </div>
                                            </div>
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-5.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">aldo leather shoes</a></div>
                                                    <div class="rating">                                                              
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>                                           
                                                        <span class="star active"></span>
                                                        <span class="star half"></span>                                                               
                                                    </div>
                                                    <div class="caption-text"> <span> $67.05 </span> <del class="gray-color size-10"> $102.50 </del> </div>                                                   
                                                </div>
                                            </div>
                                            <div class="recent-wrap">
                                                <div class="col-md-4 col-sm-5 recent-slide-img">
                                                    <div class="light-bg">                                                                                                                 
                                                        <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-21.jpg" alt=""> </a>                                                                                                              
                                                    </div>
                                                </div>
                                                <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                                    <div class="caption-title"><a href="#">gucci sunglasses</a></div>
                                                    <div class="rating">                                                              
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>
                                                        <span class="star active"></span>                                           
                                                        <span class="star active"></span>
                                                        <span class="star half"></span>                                                               
                                                    </div>
                                                    <div class="caption-text"> <span> $105.20 </span> </div>                                                   
                                                </div>
                                            </div>       
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> popular tags </h2>
                                <div class="widget-content tag-cloud">
                                    <a href="#"> Envato</a>
                                    <a href="#"> WordPress</a>
                                    <a href="#"> Mutilpurpose</a>
                                    <a href="#"> Site</a>
                                    <a href="#"> Portfolio</a>
                                    <a href="#"> Creative</a> <a href="#"> PSD Template</a> <a href="#"> PSD Template</a>
                                    <a href="#"> Best</a> <a href="#"> fashion</a> <a href="#"> Shop Online</a>
                                </div>
                            </div>
                        </aside>                    
                        <!-- Product Sidebar-3 Ends -->

                        <!-- Product Sidebar Right Starts -->                     
                        <aside class="sidebar-1 with-border col-sm-4 col-md-3 pull-right">
                            <h2 class="title text-center">Sidebar Right</h2>
                            <hr>

                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> CATEGORIES </h2>
                                <div class="widget-content">
                                    <ul>
                                        <li> <i class="icon_stop"></i> <a href="#"> Clothing <span>(12)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Shoes   <span>(22)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Sunglasses <span>(15)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Bags and Backpacks <span>(09)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Accessories  <span>(07)</span></a> </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> FILTER SELECTION </h2>
                                <div class="widget-content">
                                    <h2 class="title">Price</h2>
                                    <div class="slider-range-1">
                                        <div id="slider-range" class="slider-range"></div>
                                        <label for="amount" class="amount">Range: </label> <input type="text" id="amount" readonly=""> 
                                    </div>
                                </div>
                            </div>

                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> color </h2>
                                <div class="widget-content">
                                    <ul>
                                        <li> <i class="icon_stop"></i> <a href="#"> Black <span>(07)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Blue   <span>(05)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Grey <span>(11)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> Red <span>(09)</span></a> </li>
                                        <li> <i class="icon_stop"></i> <a href="#"> White  <span>(03)</span></a> </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="widget-wrap"> 
                                <h2 class="widget-title"> recent products </h2>
                                <div class="widget-content">
                                    <div class="recent-wrap">
                                        <div class="col-md-4 col-sm-5 recent-slide-img">
                                            <div class="light-bg">                                                                                                                 
                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-21.jpg" alt=""> </a>                                                                                                              
                                            </div>
                                        </div>
                                        <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                            <div class="caption-title"><a href="#">white beard t-shirt</a></div>
                                            <div class="caption-text"> <span> $45.05 </span> </div>                                                   
                                        </div>
                                    </div>
                                    <div class="recent-wrap">
                                        <div class="col-md-4 col-sm-5 recent-slide-img">
                                            <div class="light-bg">                                                                                                                 
                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-5.jpg" alt=""> </a>                                                                                                              
                                            </div>
                                        </div>
                                        <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                            <div class="caption-title"><a href="#">aldo leather shoes</a></div>
                                            <div class="caption-text"> <span> $67.05 </span> <del class="gray-color size-10"> $102.50 </del> </div>                                                   
                                        </div>
                                    </div>
                                    <div class="recent-wrap">
                                        <div class="col-md-4 col-sm-5 recent-slide-img">
                                            <div class="light-bg">                                                                                                                 
                                                <a href="#"> <img class="img-responsive" src="static/picture/prod-thumb-6.jpg" alt=""> </a>                                                                                                              
                                            </div>
                                        </div>
                                        <div class="col-md-8  col-sm-7 no-padding recent-slide-des">
                                            <div class="caption-title"><a href="#">gucci sunglasses</a></div>
                                            <div class="caption-text"> <span> $105.20 </span> </div>                                                   
                                        </div>
                                    </div>                                                                    
                                </div>
                            </div>
                        </aside>                    
                        <!-- Product Sidebar Right Starts -->

                    </div>
                </div>

            </section>
            <!-- / CONTENT AREA -->

            <!-- FOOTER -->
            <footer class="footer text-center">             
                <section class="footer-bg">
                    <div class="container theme-container">
                        <ul class="list-items">   
                            <li> <a href="javascript:;" class="hover-color"> facebook </a> </li>
                            <li> <a href="javascript:;" class="hover-color"> twitter </a> </li> 
                            <li> <a href="mailto:jakjim@gmail.com" class="hover-color"> email </a> </li> 
                            <li> <a href="javascript:;" class="hover-color" target="_blank"> Themeforest </a> </li>
                            <li> <a href="javascript:;" class="hover-color" target="_blank"> Website</a> </li>
                        </ul> 
                    </div>
                </section>
                <section class="copy-rights-bg">
                    <p class="copy-rights">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                </section>
            </footer>
            <!-- /FOOTER -->

            <div id="to-top" class="to-top"> <i class="arrow_carrot-up"></i> </div>

        </main>
        <!-- /WRAPPER -->

        <!-- Product Preview Popup -->
        <section class="modal fade" id="product-preview" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-lg product-modal">
                <div class="modal-content">
                    <a aria-hidden="true" data-dismiss="modal" class="sb-close-btn close icon_close" href="#"></a>                 
                    <!-- Single Products Slider Starts --> 
                    <div class="col-md-6">                                  
                        <!-- Main Slider Start -->
                        <div class="owl-carousel prod-slider sync1">
                            <div class="item"> 
                                <img src="static/picture/prod-15.jpg" alt="">
                                <a href="static/picture/prod-15.jpg" data-gal="prettyPhoto[gallery2]" title="Product" class="caption-link"><i class="fa fa-arrows-alt"></i></a>
                            </div>
                            <div class="item"> 
                                <img src="static/picture/prod-2.jpg" alt="">
                                <a href="static/picture/prod-15.jpg" data-gal="prettyPhoto[gallery2]" title="Product" class="caption-link"><i class="fa fa-arrows-alt"></i></a>
                            </div>
                            <div class="item"> 
                                <img src="static/picture/prod-3.jpg" alt="">
                                <a href="static/picture/prod-3.jpg" data-gal="prettyPhoto[gallery2]" title="Product" class="caption-link"><i class="fa fa-arrows-alt"></i></a>
                            </div>
                            <div class="item"> 
                                <img src="static/picture/prod-4.jpg" alt="">
                                <a href="static/picture/prod-4.jpg" data-gal="prettyPhoto[gallery2]" title="Product" class="caption-link"><i class="fa fa-arrows-alt"></i></a>
                            </div>
                        </div>

                        <div class="owl-carousel sync2">
                            <div class="item"> <img src="static/picture/prod-thumb-1.jpg" alt=""> </div>
                            <div class="item"> <img src="static/picture/prod-thumb-2.jpg" alt=""> </div>
                            <div class="item"> <img src="static/picture/prod-thumb-3.jpg" alt=""> </div>
                            <div class="item"> <img src="static/picture/prod-thumb-4.jpg" alt=""> </div>
                        </div>
                        <!-- / Main Slider Ends -->                                      
                    </div>
                    <!-- Single Products Slider Ends --> 

                    <!-- Products Description Starts --> 
                    <div class="col-md-6">
                        <div class="product-content content-style-2">                           
                            <div class="product-heading">
                                <h2 class="title">white beard t-shirt</h2>                                              
                            </div>
                            <div class="rating">                                                              
                                <span class="star active"></span>
                                <span class="star active"></span>
                                <span class="star active"></span>                                           
                                <span class="star active"></span>
                                <span class="star half"></span>
                                <div class="product-review">
                                    <ul class="list-items">
                                        <li>04 Review(s) </li>
                                        <li> <a href="#"> Add Your Review </a> </li>
                                    </ul>
                                </div>
                            </div>                                            

                            <div class="product-price">
                                <p class="caption-text">
                                    <span class="size-30"> $45.05 </span>
                                    <del>  </del>
                                </p>
                            </div>

                            <div class="tabs-wrap">
                                <div class="tab">
                                    <ul class="nav prod-tabs">                                         
                                        <li class="active"><a href="#prod-prev-1" data-toggle="tab"> size guide </a></li>
                                        <li class=""><a href="#prod-prev-2" data-toggle="tab"> shipping </a></li>
                                        <li class=""><a href="#prod-prev-3" data-toggle="tab"> return </a></li>
                                    </ul>
                                </div>
                                <div class="tab-content prod-tab-content">
                                    <div id="prod-prev-1" class="tab-pane fade in active">                                           
                                        <ul>
                                            <li> <i class="icon_stop"></i> <span class="des"> Modeled in size S. </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Shoulder seam to hem measures approx 58" / 147 cm in length </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Model Measurements: Height 5'9" / 175 cm, Waist 26" / 66 cm, Bust 32" / 81 cm, Hips 34.5" / 88 cm </span> </li>                                               
                                        </ul>
                                        <p>This is a demo shop, the actual product is available for order on Amazon.com.</p>
                                    </div>
                                    <div id="prod-prev-2" class="tab-pane fade">
                                        <ul>
                                            <li> <i class="icon_stop"></i> <span class="des"> Modeled in size S. </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Shoulder seam to hem measures approx 58" / 147 cm in length </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Model Measurements: Height 5'9" / 175 cm, Waist 26" / 66 cm, Bust 32" / 81 cm, Hips 34.5" / 88 cm </span> </li>                                               
                                        </ul>
                                        <p>This is a demo shop, the actual product is available for order on Amazon.com.</p>
                                    </div>
                                    <div id="prod-prev-3" class="tab-pane fade">
                                        <ul>
                                            <li> <i class="icon_stop"></i> <span class="des"> Modeled in size S. </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Shoulder seam to hem measures approx 58" / 147 cm in length </span> </li>
                                            <li> <i class="icon_stop"></i> <span class="des"> Model Measurements: Height 5'9" / 175 cm, Waist 26" / 66 cm, Bust 32" / 81 cm, Hips 34.5" / 88 cm </span> </li>                                               
                                        </ul>
                                        <p>This is a demo shop, the actual product is available for order on Amazon.com.</p>
                                    </div>                                       
                                </div>

                            </div>

                            <hr class="fullwidth-divider">   

                            <div class="product-size">
                                <form class="product-form">                                      
                                    <div class="form-group selectpicker-wrapper">
                                        <label> <span> Color </span> <span class="red-color"> * </span> <span class="required red-color pull-right"> Field Required *</span> </label>
                                        <div class="search-selectpicker selectpicker-wrapper">
                                            <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Choose a color that you like.... ">
                                                <option>Pink</option>
                                                <option>Blue</option>
                                                <option>Marooon</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group selectpicker-wrapper">
                                        <label> <span> Size </span> <span class="red-color"> * </span> </label>
                                        <select class="selectpicker input-price" data-width="100%" data-toggle="tooltip" title="Choose a color that you like.... ">
                                            <option>Pink</option>
                                            <option>Blue</option>
                                            <option>Marooon</option>
                                        </select>
                                    </div>                                        
                                </form>                                            
                            </div>    

                            <div class="prod-btns">
                                <div class="quantity">
                                    <button class="btn minus"><i class="icon_minus-06"></i></button>
                                    <input type="number" title="Qty" value="03" name="quantity" min="1" step="1" class="form-control qty">
                                    <button class="btn plus"><i class="icon_plus"></i></button>
                                </div>
                                <div class="add-to-cart">
                                    <button class="theme-btn-1 btn cart-btn"> <i class="icon ion-ios-plus-empty"></i> Add to Cart </button>                                       
                                </div>                                    
                            </div>
                        </div>
                    </div>
                    <!-- Products Description Ends -->    
                </div>
            </div>
        </section>
        <!-- / Product Preview Popup -->



        <!-- JS Global -->
        <script src="static/js/jquery-2.1.1.min.js"></script>  
        <script src="static/js/isotope.pkgd.min.js"></script>
        <script src="static/js/bootstrap.min.js"></script>
        <script src="static/js/bootstrap-select.min.js"></script>
        <script src="static/js/owl.carousel.min.js"></script>      
        <script src="static/js/jquery-ui.min.js"></script>
        
        <script src="static/js/jquery.sticky.js"></script>
        <script src="static/js/jquery.mCustomScrollbar.concat.min.js"></script>
        <script src="static/js/jquery.prettyPhoto.js"></script>     

        <!--  Cusrom JS --> 
        <script src="static/js/theme-main.js"></script>

    </body>
</html>